/***框架布局***/





.header{}



.header .tel{ float:right; margin:0px 0 0 0;padding-left:80px;color:#00509a;line-height:30px; font-size:26px;background: url(../images/tel_ico.png) left no-repeat;}

.header .tel span{color:#535353; display: block;font-size:23px; }



.header .long{ margin:30px 0;}

.header .nav{ margin:0px 0 0 0; background: #00509a;}

.header .nav ul li{ position: relative;float:left;  display: block;border-left: solid #0f5aa0 1px;border-right: solid #282828 1px;}

.header .nav ul li hr{ opacity:0;background: #e0791d;margin-top:-2px; height:2px; width:100%; border: none;}

.header .nav ul li a{display: block;color:#fff; font-size:15px;padding:15px 37px; text-align:center; }

.header .nav ul li a:last-child{/*border-right:none*/}

.header .nav ul li a:hover{ background: #003667; color:#fff;}

.header .nav ul li.active{ background: #003667; color:#fff;}

.header .nav ul li:hover hr{ opacity:1;}

.header .nav ul li.active hr{ opacity:1;}

 

 .header .nav ul li:nth-child(1){ border-left:none}

 .header .nav ul li:last-child{ border-right:none}

  

.header .nav ul li:hover .box{ display: block;}

.header .nav .box{ display: none; position: absolute;z-index:999;left:0;top:50px;border:1px #f5f5f5 solid;float:left;padding:20px 30px;width:555px;margin:0 0 0 -120px; background:#f5f5f5}

.header .nav .box .left{ float:left;width:140px; }

.header .nav .box .left a{text-align:left; line-height:35px;color:#666; padding:0 0 0 10px;font-size:13px; border-bottom: dashed 1px #ddd;background: url(../images/arrow_02.png) left no-repeat;}

.header .nav .box .left a:hover{ color:#289BAE}

.header .nav .box img{float:right;width:300px;}

/**

.header .nav ul li:hover .box{ display: block;}

.header .nav .box{ display: none; position: absolute;z-index:999;left:0;top:50px;border:1px #f5f5f5 solid;float:left;padding:20px 30px;width:360px;margin:0 0 0 -120px; background:#f5f5f5}

.header .nav .box .left{ float:left;width:140px; }

.header .nav .box .left a{text-align:left; line-height:35px;color:#666; font-size:13px; border-bottom: dashed 1px #ddd;}

.header .nav .box .left a:hover{ color:#289BAE}

.header .nav .box img{float:right;width:200px;}

*/





.icoBoxOne{ padding:10px 0 0 20px;display: block; width:141px; text-align: center; height:39px; color:#666; font-size:14px;background: url(../images/ico_05.png) no-repeat center;}

.icoBoxOne:hover{ background: url(../images/ico_05h.png) no-repeat center; color:#fff}



.Imgbox img{ display: block; margin: auto; max-width:100%;}



.DE-Bg{ background: url(../images/de-bg.png) no-repeat center bottom}

/*titleOne*/

.titleOne{ margin:0 0 20px 0}

.titleOne img{ display: block; margin:auto;}

/*.title-two*/

.title-two{ font-size:30px;color:#00529c;line-height:25px;}

.title-two span{color:#DDD; font-size:15px;    text-transform: Uppercase;}

.title-two a{float:right;color:#333; font-size:14px; padding-left:20px;background: url(../images/arrow_03.png) no-repeat left;}

/*title-three*/

.title-three{ font-size:30px;color:#00529c;line-height:25px; text-align: center; margin:0 0 50px 0}

.title-three span{ color:#DDD; font-size:15px;  background:#fff; padding:5px 10px;    text-transform: Uppercase;} 

.title-three hr{display: block; margin-top:-10px; background: #ddd; border: none; height:1px;}







/*homeA*/

.homeA{padding:50px 0 40px 0; background: url(../images/homeabg.jpg) no-repeat center;}

.leftNav{ width:240px; background: #fff;padding-bottom:20px;}

.leftNav h2{width:100%;padding:20px 0 20px 50px; height:106px;font-size:26px;color:#Fff; background: url(../images/title_01.png) no-repeat left;}

.leftNav h2 span{ display: block; font-size:14px; color:#fff}



.leftNav ul{margin:0px; padding:0px 0 20px 0; }



.leftNav ul li{}

.leftNav ul li h3{line-height:50px; background: url(../images/line_01.png) no-repeat bottom center;}

.leftNav ul li h3 a{margin-left:50px; font-size:17px;color:#00529c; padding-left:20px; background: url(../images/arrow_01.jpg) no-repeat left; }

.leftNav ul li .sonNavContent{padding:10px 0 0 0}

.leftNav ul li .sonNavContent a{ display: block; margin-left:70px; line-height:35px;color:#333;padding-left:10px; font-size:15px; background: url(../images/arrow_02.png) no-repeat left;}

.leftNav ul li .sonNavContent a:hover{ color:#00529c}



.leftNav ul li h3.active a{color:#f60}

.leftNav ul li .sonNavContent a.active{color:#f60}





.homeA .right{width:952px;}



.homeA .list-six a{margin:0 0 15px 15px; border:1px #bbb solid }



.homeA .list-six a img{ width:300px; height:300px;padding:0px;}





.homeA .down{}

.homeA .down img{width:100%;height:305px;}











.list-six a{ position: relative; display: inline-block; margin:0 0 35px 35px; background: #fff; overflow: hidden;border:1px #ddd solid; float:left; }

.list-six h4.one{color:#333; text-align: center;padding:10px 0}

.list-six a .box{ opacity: 0; position: absolute;left:0; top:100%; text-align: center;padding:80px 0 0 0; height:100%;width:100%;  background:rgba(0,102,153,0.7)}

.list-six a img{ width:280px; height:280px; display:block; padding:20px;}

.list-six a .box h4.two{ color:#fff;font-size:14px;  margin:10px 0 0 0}

.list-six a .box img{ display: block; margin: auto; height:auto;width:auto;}

.list-six a:hover .box{ opacity: 1;top:0}



.list-six a:hover h4.one{ opacity: 0;}



.list-six a:hover .rightDown span{   border-bottom: 35px solid #e0791d;}



.list-six .rightDown span{



	 position:absolute; bottom:0;right:0;    /* -webkit-animation-fill-mode: both; */



    /* animation-fill-mode: both; */



    width: 0;



    height: 0;



    border-left: 35px solid transparent;



    border-bottom: 35px solid #00529c;



    -webkit-animation: triangle-skew-spin 3s 0s cubic-bezier(.09, .57, .49, .9) infinite;



    animation: triangle-skew-spin 3s 0s cubic-bezier(.09, .57, .49, .9) infinite;}



.list-six .rightDown b{ 	 position:absolute; bottom:1px;right:3px;  color:#fff; font-size:20px;}

















/*.homeB*/

.homeB{ margin:50px 0}



.homeB .bg{ float:left; width:100%; background:url(../images/homebbg.jpg) no-repeat center;}

.homeB .box{ float:left; width:600px;height:300px;height:515px;padding:10px 50px;}

.homeB .box h3{color:#00529c; font-size:26px;font-weight: bold; margin:20px 0}

.homeB .box p{font-size:13px; color:#555;line-height:25px; margin:20px 0 10px 0}

.homeB .box span{color:#00529c;}

.homeB .box em{ margin:0 5px 0 0; font-style:normal;color:#00529c;}

.homeB .box img{ display: block; }



.homeB .one{padding:20px 20px 0 100px}

.homeB .two{padding:20px 90px 0 40px}

.homeB .two img{margin-left:-38px;}

.homeB .three{padding:20px 20px 0 100px}

.homeB .four{padding:20px 90px 0 40px}



/*.homeC*/

.homeC{padding:50px 0; background: url(../images/homecbg.jpg) no-repeat center;}



.homeC .bin{ position:relative;float:left; width:100%; margin:0 0 15px 0}

.homeC .bin .con{ position: absolute; left:563px; top:40px; z-index:99} 

.homeC .bin p{color:#333; font-size:15px; padding:50px 50px 0 50px}



.homeC .bin .left{ float:left; width:593px;background:#00529c }

.homeC .bin .left p{float:left;width:350px;color:#fff}

.homeC .bin .left img{float:right; width:240px;}



.homeC .bin .right{ float:right; width:593px; background:#fff}

.homeC .bin .right p{float:right;width:350px;color:#333}

.homeC .bin .right img{float:left;width:240px;}



/*.homeD*/

.homeD{}

.homeD {margin:50px 0 0 0}

.homeD .picScroll-left{ width:1220px;margin:30px 0 0 -17px;  position:relative;    }

.homeD .picScroll-left .hd{   }

.homeD .picScroll-left .hd .prev,.homeD .picScroll-left .hd .next{ position: absolute; top:100px; display:block;  width:40px; height:40px;  overflow:hidden;

			 cursor:pointer; background:#000;z-index: 99999;}

.homeD .picScroll-left .hd .prev{ left:-10px; background:#00529C url(../images/prev_ico.png) no-repeat center }

.homeD .picScroll-left .hd .next{ right:-20px; background:#00529C url(../images/next_ico.png) no-repeat center}

.homeD .picScroll-left .hd .prev:hover{  background:#dd9322 url(../images/prev_ico.png) no-repeat center }

.homeD .picScroll-left .hd .next:hover{  background:#dd9322 url(../images/next_ico.png) no-repeat center}

.homeD .picScroll-left .hd ul li.on{ background-position:0 0; }

.homeD .picScroll-left .bd{ /*padding:10px;*/  overflow: hidden;  }

.homeD .picScroll-left .bd ul{ overflow:hidden; zoom:1; }

.homeD .picScroll-left .bd ul li{ width:310px; float:left; _display:inline;  text-align:left;border-right:dashed 1px #bbb ;   }

.homeD .picScroll-left .bd ul li img{ width:273px; height:214px; display:block;  margin:auto }

.homeD .picScroll-left .pageState{ display: none;}

.homeD .picScroll-left .bd ul li .box{ padding:0 20px;}

.homeD .picScroll-left .bd ul li .box p{color:#666; font-size:12px;margin:0 0 20px 0}

.homeD .picScroll-left .bd ul li .box h4{color:#00529c; font-size:18px;margin:15px 0}

.homeD .picScroll-left .bd ul li .effect_two{width:273px;height:214px; margin: auto;}

.homeD .picScroll-left .bd ul li a:hover .box .icoBoxOne{ background: url(../images/ico_05h.png) no-repeat center; color:#fff}

.homeD .picScroll-left .bd ul li a:hover .box p{color:#00529C}





/*.homeE*/

.homeE{ margin:50px 0 70px 0;}

.homeE .container{ background: #fff; padding:30px 40px; }

.homeE .tone{ float:left; width:100%;padding-top:30px; padding-bottom: 30px; border-bottom: 1px #ddd solid;}

.homeE .tone img{ float:left; width:408px;}

.homeE .tone .frame{ float:right;width:670px;} 

.homeE .tone .frame h4{ font-size:18px;color:#333}

.homeE .tone .frame p{ color:#666; font-size:13px; margin:20px 0;line-height:25px;}

.homeE .tone .frame a{ float:left; margin-top:-50px; color:#fff; background: url(../images/ico_05h.png) no-repeat center}

.homeE .down{ float:left; width:100%;margin:20px 0 0px 0;}

.homeE .picScroll-left{ width:1130px;margin-left:-10px;  position:relative;    }

.homeE .picScroll-left .hd{   }

.homeE .picScroll-left .hd .prev,.homeE .picScroll-left .hd .next{ position: absolute; top:55px; display:block;  width:40px; height:40px;  overflow:hidden;

			 cursor:pointer; background:#000;z-index: 99999;}

.homeE .picScroll-left .hd .prev{ left:-15px; background:#00529C url(../images/prev_ico.png) no-repeat center }

.homeE .picScroll-left .hd .next{ right:-15px; background:#00529C url(../images/next_ico.png) no-repeat center}

.homeE .picScroll-left .hd .prev:hover{  background:#dd9322 url(../images/prev_ico.png) no-repeat center }

.homeE .picScroll-left .hd .next:hover{  background:#dd9322 url(../images/next_ico.png) no-repeat center}

.homeE .picScroll-left .hd ul li.on{ background-position:0 0; }

.homeE .picScroll-left .bd{ /*padding:10px;*/  overflow: hidden;  }

.homeE .picScroll-left .bd ul{ overflow:hidden; zoom:1; }

.homeE .picScroll-left .bd ul li{ width:226px; float:left; _display:inline;  text-align:left;  }

.homeE .picScroll-left .bd ul li img{ width:214px; height:143px; display:block;  margin:auto }

.homeE .picScroll-left .pageState{ display: none;}

.homeE .picScroll-left .bd ul li h4{color:#333; font-size:14px; text-align: center; line-height: 30px;}

.homeE .picScroll-left .bd ul li .effect_two{width:214px;height:143px; margin: auto;}

.homeE .picScroll-left .bd ul li a:hover h4{color:#00529C}





/*.homeF*/

.homeF{margin:50px 0}

.homeF .tabPanel{}

.homeF .tabPanel .tone{ float:left;width:100%; text-align: center;}

.homeF .tabPanel .tone b{line-height:30px;padding:10px 0;margin:0 20px; border-bottom:1px #ddd solid ; color:#2e2e2e; font-size:24px;  cursor: pointer;}

.homeF .tabPanel .tone b span{color:#cccccc; font-size:20px;text-transform: Uppercase;}

.homeF .tabPanel .tone b.hit{color:#00387d;border-bottom:1px #00387d solid ;}

.homeF .tabPanel .tone b:hover{color:#00387d;}

.homeF .tabPanel .pane{ display: none;}

.homeF .tabPanel .down{ float:left;width:100%; margin:50px 0 20px 0}

.homeF .tabPanel .down .left{ position:relative;float:left; width:500px;}

.homeF .tabPanel .down .right{float:right;width:680px;}

.homeF .tabPanel .down .right a{ float:left;display: block; border-bottom: dashed 1px #ddd;padding:20px 0;}

.homeF .tabPanel .down .right b{ float:left; width:100px;  text-align:center;font-size:42px; color:#00387d}

.homeF .tabPanel .down .right b span{ display:block;color:#999;margin:5px 0 0 0; font-size:12px;}

.homeF .tabPanel .down .right .frame{ float:left; width:510px;margin:0 0 0 10px;}

.homeF .tabPanel .down .right .frame h4{ color:#333; font-size:14px; }

.homeF .tabPanel .down .right .frame p{ color:#7a7a7a;margin:5px 0 0 0; font-size:12px; line-height:22px;}

.homeF .tabPanel .down .right em{float:left;margin:30px 0 0 30px; color:#bbb; border:1px #bbb solid; text-align: center; width:20px;height:20px; font-style: normal;}

.homeF .tabPanel .down .right a:hover em{background: #00387d;color:#fff;border:1px #00387d solid; }

.homeF .tabPanel .down .right a:hover h4{color:#00387d}

.homeF .tabPanel .down .right a:hover p{color:#00387d}

.homeF .tabPanel .down .rightDown{position: absolute;right:0; bottom:0;padding:115px 0 0 0; text-align:center;width:165px; height:162px;color:#fff; font-size:13px; background: url(../images/bgopa01.png) no-repeat center; }









/*rack*/

.rack{ float:left;width:100%; margin:20px 0}

.rack .left{ /*background: #f1f1f1;*/}

.rack .lefter ul{border:1px #ddd solid;}

.rack .righter .list-six{float:left;margin-top:20px; width:965px; margin-left:-28px;}



.rack{}

.rack .righter{ width:930px;}



/*left_contact*/

.left_contact{margin:30px 0 0 0;padding:18px;color:#555; font-size:13px; line-height:23px;border: 1px #ddd solid;}

.left_contact img{ margin:0 0 5px 0}

.left_contact .box{}





/*footer*/

.footer{ background: #033572; padding-bottom:30px;}

.footer .nav{ margin:20px 0 50px 0; text-align: center;border-bottom:solid 1px #054593;padding-bottom:20px;

}

.footer .nav a{ display: inline-block; color:#fff; font-size:14px;padding:0 20px; line-height:12px;  border-right: dashed 1px #fff ;}

.footer .nav a:last-child{ border: none;}

.footer .nav a:hover{color:#999}

.footer .left{ width:930px;}

.footer .left img{ float:left; margin-top:0;}

.footer .left .frame{ float:left; color:#fff; font-size:14px;padding:0 0 0 30px;margin:0 0 0 30px; border-left: 1px #ddd dashed;}

.footer .left .frame a{color:#fff}

.footer .left .frame a:hover{color:#999}

.footer .right{width:255px; padding-left:65px; color:#e89a25; font-size:28px; background:url(../images/tel-ico01.png) no-repeat left;} 

.footer .right span{ display: block;color:#fff; font-size:12px;}

.footer .right b{ display: block;color:#fff; font-size:24px;}

.footer .down{ float:left;width:100%;margin:30px 0 0 0; background:#012c61;padding:20px;}

.footer .down h3{float:left; color:#fff;line-height:30px; font-size:12px;color:#fff; margin:0 20px 0 0}

.footer .down h3 span{ margin:0 0 0 10px; color:#999;font-size:12px;}

.footer .down a{ display: inline-block;font-size:12px;line-height:12px;color:#fff; border-right:dashed 1px #fff;  margin:0 10px 0 0; padding:0 10px 0 0}

.footer .down a:last-child{ border:none}

.footer .down a:hover{color:#888}

































/*20170512*/

.eps{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-ms-text-overflow:ellipsis;}

.fl{float:left;}

.fr{float:right;}

.fn{font-weight:normal;}

.oh{overflow:hidden;}



.peCont{float:right;width:920px;font-size:14px;overflow:hidden;}

.peCont .curt{height:45px;line-height:35px;background:url(../images/conti.png) no-repeat left bottom;font-size:12px;margin-bottom:20px;}

.peCont .curt h2{display:block;float:left;text-align:left;font-size:18px;overflow:hidden;font-weight:normal;}

.peCont .curt span{float:right;background:url(../images/cur.png) no-repeat left center;padding-left:15px;font-size:12px;}







/** product show **/

.prodPic{width:560px;}

.prodPic .big{width:437px;height:400px;position:relative;z-index:1;float:right;border:1px solid #e3e3e3;}

.prodPic .big a{width:435px;height:398px;background:#fff;display:table-cell;text-align:center;vertical-align:middle;}

.prodPic .big a img{vertical-align:middle;max-width:435px;max-height:398px;}

.prodPic .big a{*display:block;*font-family:Arial;*line-height:1;}

div.zoomDiv{z-index:999;position:absolute;top:0px;left:0px;width:300px;height:300px;background:#fff;border:1px solid #ccc;display:none;text-align:center;overflow:hidden;}

div.zoomMask{position:absolute;background:url(../images/mask.png);cursor:move;z-index:1;}

.prodPic .list{width:112px;height:400px;overflow:hidden;position:relative;float:left;}

.prodPic .list a.prev,.prodPic .list a.next{display:block;width:107px;height:25px;position:absolute;top:0;left:0;background:url(../images/anu.jpg) no-repeat;overflow:hidden;cursor:pointer;}

.prodPic .list a.next{top:auto;bottom:0;background-position:0 -50px;}

.prodPic .list a.prev:hover{background-position:0 -25px;}

.prodPic .list a.next:hover{background-position:0 -75px;}



.prodPic .list .thumb{position:relative;width:112px;height:334px;overflow:hidden;top:33px;}

.prodPic .list .thumb ul{position:absolute;height:99999px;}

.prodPic .list .thumb ul li{background:none;float:left;width:107px;height:85px;position:relative;}

.prodPic .list .thumb ul li a{display:block;width:103px;height:75px;border:2px solid #e3e3e3;text-align:center;background:#fff}

.prodPic .list .thumb ul li img{max-width:100%;max-height:100%;cursor:pointer;}

.prodPic .list .thumb ul li a em{display:block;width:5px;height:9px;position:absolute;right:-5px;top:35px;}

.prodPic .list .thumb ul li a.selected{border-color:#0c4a9c;}

.prodPic .list .thumb ul li a.selected em{background:url(../images/jt.png) no-repeat;}



.prodTitle{width:320px;overflow:hidden;}

.prodTitle h2{font-size:20px;padding:10px 0;border-bottom:1px dotted #e3e3e3;margin-bottom:15px;}

.prodTitle .txt{line-height:25px;height:200px;overflow:hidden;}

.prodTitle .txt span{color:#333;}

.prodTitle .fenx{padding-top:15px;margin-top:15px;border-top:1px dotted #e3e3e3;overflow:hidden;}

.prodTitle .tel{float:left;background:url(../images/st.jpg) no-repeat left center;padding-left:50px;margin-top:15px;color:#0c4a9c;}

.prodTitle .tel span{display:block;font-size:24px;font-family:arial;}

.prodTitle a.lx{float:left; display:block;font-size:14px;padding:5px 10px; margin:30px 0 0 30px; background:#f60;color:#fff;}

.prodTitle a.lx:hover{ background:#666}



.prodTab{overflow:hidden;margin-top:40px;}

.prodTab .list{height:40px;border-bottom:2px solid #e3e3e3;margin-bottom:20px;}

.prodTab .list li{display:block;width:130px;height:40px;line-height:40px;float:left;text-align:center;font-size:16px;background:#e3e3e3;color:#333;border-radius:3px 3px 0 0;margin-right:2px;}

.prodTab .list li.on{color:#fff;background:#cc0000;}

.prodTab .listA table{width:100%;border-color:#dadada;}

.prodTab .listA table td{line-height:35px;border-color:#dadada;}

.prodTab .listA table tr:hover{background:#eaeaea;}



.prodOrder{padding:25px;background:#f4f4f4;overflow:hidden;margin-top:20px;}

.prodOrder h3{font-size:15px;line-height:18px;font-weight:normal;}

.prodOrder .table{padding-top:20px;overflow:hidden;}

.prodOrder .table li{width:395px;height:215px;float:left;height:35px;margin-bottom:10px;}

.prodOrder .table li span{float:left;border:1px solid #e3e3e3;line-height:33px;height:33px;width:78px;display:inline-block;text-align:center;background:#fff;}

.prodOrder .table li .iptTxt{float:right;width:304px;border:1px solid #e3e3e3;border-left-width:0;height:33px;line-height:33px;background:#fff;color:#999;padding-left:10px;}

.prodOrder .table li .iptCode{float:left;width:185px;border:1px solid #e3e3e3;border-left-width:0;height:33px;line-height:33px;background:#fff;color:#999;padding-left:10px;}

.prodOrder .table li .checkcode{float:right;border:1px solid #ddd;border-left-width:0;background:#fff;padding:0 9px;}

.prodOrder .table li .btn{width:395px;height:35px;line-height:35px;background:#cc0000;cursor:pointer;color:#fff;text-align:center;border:none;}

.prodOrder .table li .btn:hover{background:#007eed;color:#fff;}

.prodOrder .table li.areLi{width:430px;float:right;height:215px;overflow:hidden;}

.prodOrder .table li.areLi .txtContent{width:430px;height:215px;border:1px solid #e3e3e3;outline:none;resize:none;padding:15px;color:#999;line-height:18px;background:#fff;}







/*list-logo*/

.list-logo a{float:left; width:212px; margin:10px 10px 20px 10px}

.list-logo a img{ width:100%;height:140px}

.list-logo a h4{font-size: 18px;margin:15px 0;color: #333;text-align:center;}

.list-logo .effect_two{ border:1px #ddd solid}

.list-logo  a:hover .effect_two{border:1px #00529c solid}

.list-logo  a:hover h4{color:#00529c}





/** picture list **/

.uLt{width:950px;}

.lt{width:291px;padding:9px 9px 0;background:#f5f5f5;float:left;margin-right:25px;position:relative;margin-bottom:20px;border-bottom:2px solid #e8e8e8;}

.lt a{width:100%;display:block;overflow:hidden;}

.lt h3{font-size:15px;line-height:40px;text-align:center;}

.lt img{ width:100%;}

.lt:after,.lt:before,.soulList li:before,.soulList li:after{content:'';position:absolute;bottom:-2px; width:0;height:2px;background:#007eed;-webkit-transition:0.4s;transition:0.4s;}

.lt:before,.soulList li:before{left:0;}

.lt:after,.soulList li:after{right:0;}

.lt:hover:after,.lt:hover:before,.soulList li:hover::before,.soulList li:hover::after{width:50%;}

.lt:hover h3{color:#007eed;}



.parList li{width:175px;margin-right:23px;}

.soulList{width:990px;}

.soulList li{width:265px;float:left;margin-right:22px;margin-bottom:30px;position:relative;background:#f4f4f4;border-bottom:2px solid #dadada;}

.soulList li .pic{display:block;width:265px;height:194px;overflow:hidden;}

.soulList li .pic img{width:100%;height:100%;}

.soulList li .txt{padding:15px;height:130px;}

.soulList li .txt h3{line-height:18px;font-size:14px;}

.soulList li .txt h3 a{color:#333;}

.soulList li .txt h4{font-family:arial;color:#999;font-weight:normal;}

.soulList li .txt p{line-height:22px;color:#777;}

.soul li .pic{width:290px;height:202px;}





.tr,.enl img{

-webkit-transition:all .4s ease-in-out;

   -moz-transition:all .4s ease-in-out;

    -ms-transition:all .4s ease-in-out;

     -o-transition:all .4s ease-in-out;

        transition:all .4s ease-in-out;

}

.enl:hover img{

-webkit-transform:scale(1.1);

   -moz-transform:scale(1.1);

    -ms-transform:scale(1.1);

     -o-transform:scale(1.1);

        transform:scale(1.1);

}

.gray img{

-webkit-transition:all .4s ease-in-out;

   -moz-transition:all .4s ease-in-out;

    -ms-transition:all .4s ease-in-out;

     -o-transition:all .4s ease-in-out;

        transition:all .4s ease-in-out;

-webkit-filter:grayscale(100%);

   -moz-filter:grayscale(100%);

    -ms-filter:grayscale(100%);

     -o-filter:grayscale(100%);

        filter:grayscale(100%);

        filter:gray;

        filter:url(gray.svg#grayscale);

}

.gray a:hover img{

-webkit-filter:grayscale(0%);

   -moz-filter:grayscale(0%);

    -ms-filter:grayscale(0%);

     -o-filter:grayscale(0%);

        filter:grayscale(0%);

        filter:none;

}

























.newsDetail h2{font-size:24px;line-height:26px;text-align:center;color:#333;padding-bottom:15px;font-weight:normal;}

.newsDetail .msg{text-align:center;border-bottom:1px solid #e7e7e7;font-family:"宋体";font-size:12px;padding-bottom:5px;}

.newsDetail .msg span{padding:0 7px;color:#999;}

.newsDetail .msg .fonts a{padding:0 3px;}

.newsDetail .msg a.active{font-weight:bold;color:#cc0000;}

.newsDetail .detailCont{padding:20px 0;line-height:26px;overflow:hidden;}

.newsDetail .detailCont .pic{text-align:center;padding-bottom:20px}

.pagIng{border:1px solid #dadada;padding:8px 15px;overflow:hidden;}

.pagIng .fl{width:665px;height:60px;padding-right:30px;border-right:1px solid #dadada;}

.pagIng .fl a{height:30px;line-height:30px;}

.pagIng .fr{line-height:28px;display:block;width:85px;height:28px;margin-top:16px;text-align:center;color:#fff;border-radius:2px;background:#cc0000;}

.pagIng .fr:hover{background:#007eed;color:#fff;}

.recTitle{padding-left:20px;height:35px;line-height:35px;background:url(../images/page_line.jpg) no-repeat 10px 12px #eee;font-weight:bold;color:#333;font-weight:normal;margin-top:20px;}

.relNews{overflow:hidden;margin-top:15px;}

.relNews ul{width:900px;}

.relNews ul li{float:left;margin-right:40px;width:400px;height:28px;line-height:28px;}

.relNews ul li a{display:block;width:270px;line-height:28px;background:url(../images/arrow_02.png) no-repeat left center;padding-left:15px;float:left;font-size:12px;}

.relNews ul li a:hover{background:url(../images/arrow_one.png) no-repeat left center;margin-left:5px;}

.relNews ul li span{float:right;color:#999;}





.faqList{ float:left;width:100%;}

.faqList li{position:relative;margin-bottom:25px;}

.faqList li:after{content:''; position:absolute; top:12px; right:16px; display:block; width:30px; height:30px; background:#0c4a9c;pointer-events:none;}

.faqList li h3:before, .faqList li h3:after{content:''; position:absolute; top:26px; right:23px; z-index:2; width:16px; height:2px; background:#fff;}

.faqList li h3:before{width:2px; height:16px; top:19px; right:30px; -webkit-transition:0.3s; transition:0.3s;}

.faqList li.act h3:before{-webkit-transform:rotate(90deg); transform:rotate(90deg);background:transparent\0;}

.faqList li h3{position:relative;padding:0 60px;background-color:#f5f5f5;line-height:54px;font-size:16px;cursor:pointer;font-weight:normal;background-image:url(../images/faq.png); background-repeat:no-repeat;background-position:20px 0;}

.faqList li div{display:none;padding:25px 60px 0 60px;line-height:25px;color:#7c7c7c;-webkit-animation:fadeIn 0.5s ease-out 0.2s both; animation:fadeIn 0.5s ease-out 0.2s both;background:url(../images/faq.png) no-repeat 20px -155px;font-size:14px;}

@-webkit-keyframes fadeIn{

  0%{opacity:0;}

  100%{opacity:1;}

}

@keyframes fadeIn{

  0%{opacity:0;}

  100%{opacity:1;}

}







.content_des{width:925px;border:1px dotted #e5e5e5;text-indent:24px; padding:8px; margin:0 0 20px 35px;}

.content_des p{font-size:13px;color:#868686;line-height:24px}



.area{ width:900px; height:auto; overflow:hidden; margin-bottom:15px;}

.area ul li{float:left;margin-right:28px}

.area ul li a{font-size:14px;line-height:28px;color:#5a5a5a}

.area ul li a:hover{color:#033572}



.xgxw{ width:900px; height:auto; overflow:hidden; margin-bottom:15px;}

.xgxw ul li{ float:left; display:inline; width:48%; margin-right:2%; line-height:30px;}

.xgxw ul li span{ float:right; color:#5a5a5a}



.linkbg{ background:#121212; width:100%; height:auto; overflow:hidden; padding: 15px 0 0;}

.link{ width:1200px; height:auto; margin:0px auto 15px; overflow:hidden; }

.link span{height:42px;color:#333;font-size:14px;border:1px solid #333; display:block; float:left;width:115px;text-align:center;line-height:42px;margin-left:0px}

.link ul li{float:left;margin-left:28px; line-height:40px;}

.flash{  width:100%;height:600px; overflow:hidden; position:relative; }
.flash .hd{ height:4px; overflow:hidden; position:absolute; left:45%; bottom:15px; z-index:1; }
.flash .hd ul{ overflow:hidden; zoom:1; float:left;  }
.flash .hd ul li{ float:left; margin-right:8px;  width:50px; height:4px; line-height:14px; text-align:center; background:#00529c; cursor:pointer; }
.flash .hd ul li.on{ background:#ff8200; color:#fff; }
.flash .bd{ position:relative; height:100%; z-index:0;   }
.flash .bd li{ zoom:1; vertical-align:middle; width:100%; height:600px; display:block; }
.flash .bd li a{ width:100%; height:600px; display:block; }

.flash .prev{ position:absolute; left:3%; top:50%; margin-top:-45px; display:block; width:42px; height:84px; background:url(../images/prevc_ico.png) no-repeat;   }
.flash .next{ position:absolute; right:3%; top:50%; margin-top:-45px; display:block; width:42px; height:84px;  background:url(../images/nextc_ico.png) no-repeat;   }
.flash .prevStop{ display:none;  }
.flash .nextStop{ display:none;  }